Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Convert screenshots into code in Android Studio

android
android
Design

You can turn design mocks into working c...

  2026/01/27

Marimo: The .py Notebook That Changes Everything

python

Download your free Python Cheat Sheet he...

  2026/01/27

Relational Database Design – Full Course

Design

Learn relational database design from th...

  2026/01/27

Remember your first hackathon? While it was probably scary, you probab

Remember your first hackathon? While it ...

  2026/01/27

Top new year's resolutions for Android developers

android
android

Looking for ways to improve your develop...

  2026/01/26

Connect to MCP servers in Android Studio

android
android
telework

Android Studio now connects directly to ...

  2026/01/26

Polars vs Pandas: Lazy Execution Changes Everything

pandas
python

Download your free Python Cheat Sheet he...

  2026/01/26

Let's Build Pipeline Parallelism from Scratch – Tutorial

Pipeline parallelism speeds up training ...

  2026/01/26

Advance Excel Full Course 2026 [FREE] | Advance Excel Tutorial | Advan

🔥Data Analyst Masters Program (Discount ...

  2026/01/26

🔥Amazon SQL Interview| Second Highest Salary Hack 2026 #simplilearn #s

sql
Amazon

Ready to crush your Amazon SQL interview...

  2026/01/26

Top 30 Generative AI Interview Questions 2026 | Gen AI Interview Quest

🔥Purdue - Applied Generative AI Speciali...

  2026/01/26

Git vs GitHub | What’s the Difference? Explained in 60 Seconds | #Shor

github

This #shorts video by #simplilearn on Gi...

  2026/01/26

Advanced Generative AI Full Course 2026 [FREE] | Generative AI Course

🔥Purdue - Applied Generative AI Speciali...

  2026/01/26

It's easy to get sucked into working too much - but the costs become p

It's easy to get sucked into working too...

  2026/01/26

🔥Fastest Way to Learn SQL in 2026 | Master SQL #shorts #simplilearn

sql

Looking to learn SQL quickly in 2026? In...

  2026/01/26

Ditch Docker Desktop? Try Orbstack Instead

docker
python

Download your free Python Cheat Sheet he...

  2026/01/25